a{
	font-size:14px;
	font-family:微软雅黑;
	list-style-type:none;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
/*用于ie10以上兼容 去掉密码的眼睛和输入框的叉叉*/
::-ms-clear, ::-ms-reveal{display: none;}
a {
	cursor:pointer;
}
ul{
	padding-left:0;
}
li{
	list-style-type:none;
}
p {
    margin: 0 0 0px;
}
body{
	font-family: 'Microsoft YaHei', 微软雅黑,'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',  Arial, Helvetica,sans-serif;
}
.font18{
    font-size: 18px;
    color: #666;
}

/**/

.navbar{
    margin-bottom: 0;
}
.container-index{
	width:100%;
	float: left;
	background:#f6f6f6; 
}
.jumbotron {
    padding-top: 55px;
    margin-bottom: -20px;
    text-align: center;
    color: inherit;
    background-color: #f6f6f6 !important;
}
.jumbotron .h1, .jumbotron h1{
	font-size:27px;
	color:#262626;
}
.jumbotron p {
    margin-bottom: 15px;
    font-size:19px;
	color:#666;
    font-weight: 200;
}
.jumbotron-bj{
	background: #fafafa;
}
/*去掉padding-left: 25px;padding-right: 25px;*/

.tron{
    background: #fff;
}
.pr-jumbotron{
	max-width:1200px;
	margin:0 auto;
}
.course-filter{
    float: left;
    margin-top: 40px;
    width: 100%;
}
.course-filter ul li{
    font-size: 26px;
    color: #333; 
    font-size: 26px;
    color: #333;
    width: 100%;
    float: left;
    text-align: center;
}
.btn-group{
    float:right;
    margin-top: 35px;
}
.course-list-section {	
    padding-bottom: 20px;
}/*去掉float:left;margin-left: -15px;*/
.bg-fast-yellow{
    max-width: 1200px;
    background: #cbdb2a;
    float: left;
    width: 100%;
}
.bg-fast-yellow p{
	text-align:center;
	line-height:62px;
	font-size:22px;
	color:#fff;
}
.pr-wrap{
	max-width:1200px;
	margin:0 auto;
}
/*位资源页面全部按钮增加样式*/
.label_box .allSource {
	background : #ccc;
	border: 3px solid #ccc;
}
.heat_box  .allSourceLoad {
	background : #ccc;
	border: 3px solid #ccc;
}
.none{
    display: none;
}
.featurette{
	margin: 0 auto;
}
.feat-tte{
    text-align: center;
}/*去掉float: left; width: 100%;*/
.feat-tte p{
	width:100%;
	line-height:36px;
    text-align: center;
    font-size: 26px;
    color: #333; 
    margin-top: 15px;
    margin-bottom: 20px;
}
.feat-tte ul {
    border-bottom: 1px solid #e2e2e2;
    height: 34px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}
.feat-tte ul li{
    border-bottom: 1px solid transparent;
    display: inline-block;
    line-height: 34px;
    margin: 0 20px;
    padding: 0 10px;
    font-size: 18px;
    color: #666;
    transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
.feat-tte ul li.active{
    color: #3eb2f3;
    border-color: #3eb2f3;
    position: relative;
}
.feat-tte p a{
	color:#333;
	font-size:14px;
	position:relative;
	top: 0;
    padding: 0 10px;
}
.row-lb{
	width:100%;
	float:left;
}
.carousel-control.left{
    background-image:#000;
    background-image:#000;
    background-image:#000;
    background-image:#000;
    background-repeat: repeat-x;
}
.nav-pills>li.active>a{
    background: #00a2ff;
}
 
.course-item{
	padding-left:12px;
	padding-right:12px;
    float: left;
}
.course-item:hover{
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (min-width: 992px){
.course-list .course-item {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
}
.course-list .course-item {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e4ecf3;
    background-color: #fff;
}
.course-list .course-item .course-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.course-info{
	background:#fff;
}
.course-list .course-item .course-img .img-responsive {
    width: 100%;
    padding: 10px;
}
.course-list .course-item .title {
    margin-top: 10px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.link-dark {
    color: #434343 !important;
	font-size:17px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.course-list .course-item .metas {
    position: relative;
    padding: 10px;
    color: #c1c1c1;
}
.clearfix span{
	color:#aaa;
	font-size:14px;
	line-height:36px;
} 
.course-price-widget {
    float: right;
}
.price {
    margin-right: 15px;
	*margin-right: 40px;
}

.text-success em{
	font-size:22px;
	font-style:normal
}
.text-success a{
	font-size: 22px;
    color: #8f8f8f;
    margin-top: -3px;
    float: right;
}
.text-success a:hover{
	color:#fc8e00;
	text-decoration:none;
}
.course-img{
    position: relative;
    overflow: hidden; 
    -webkit-perspective: 1000px;
    perspective: 1000px;
    border-radius: 4px;
    width: 100%;
}
.course-img img { 
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
    border-radius: 4px;
}


.down-tog{
    color: #545454 !important;
    border-color: #B5B5B5 !important;
    background: #fff !important;
    margin-right: 2px;
}
.list-tab{
    width: 100%;
    float: left;
    background: #f1f9ff;
}
.list-tu{
    max-width: 1200px;
    margin:0 auto;
}
.list-btn{
    text-align: center;
    width: 100%;
    margin-top: 35px;
}
.list-btn ul{
    margin-bottom: 0;
}
.list-btn ul li{
    display: inline-block;
    line-height: 36px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer; 
}
.list-btn ul li:hover{
    background: #e7f2fa;
}
.list-btn ul li.active{
    color: #fff;
    background: #249ddd;
}
.list-switch{
    float: left;
    width: 100%;
    margin-top: 20px;
    display: none;
}
.course-introduce{
    width: 100%;
    float: left;
    position: relative;
    top: 15px;
}
.course-introduce p{
    line-height: 36px;
    font-size: 16px;
    color: #333;
}
.course-introduce span{
    line-height: 36px;
    font-size: 14px;
    color: #555;
    float: left;
    margin-right: 15px;
}
.course-introduce span a{
    color: #555;
}
.course-introduce em{
    line-height: 24px;
    float: left;
    font-style:normal;
    text-indent: 2em;
}
.btn-join{
    display: inline-block;
    margin-right: 10px;
    background: #249DDD;
    width: auto;
    color: #fff;
    line-height: 15px;
    font-size: 14px;
    margin-top: 35px;
}
.course-introduce a{
    line-height: 32px;
}
.img{
    width: 100%;
    float: left;
    padding-left: 95px;
    padding-right: 95px;
}
.features{
    float: left; 
    width: 100%;
}
.ures{
    float: left;
    width: 50%
}
.ures p{
    width:100%;
    line-height:36px;
    display: inline-block;
    border-bottom: 2px #0b3d92 solid;
}
.ures p span{
    color: #333;
    font-size: 18px;
    background-color: #f7f7f8;
    position: relative;
    top: 26px;
    background: url(../../images/klxlearning/pm.png) no-repeat;
    left: -6px;
    width: 140px;
    float: left;
}
.ures p span em{
    font-style: normal;
    position: relative;
    top: -26px;
    left: 15px;
        width: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    color: #249ddd;
    font-weight: bold;
    margin-top: 20px;
}
.ures p a{
    color:#333;
    font-size:14px;
    position:relative;
    top: 0;
    padding: 0 10px;
}
.ures ul li{
    line-height: 32px;
    float: left;
    width: 100%;
}
.ures ul li i{
    font-size:40px;
    color: #d5475a;
    font-weight: bold;
    position: relative;
    font-family: -webkit-pictograph;
    top: -2px;
    left: -3px;
    line-height: 1px;
    border-radius: 50px;
}
.ures ul li a{
    color:#333;
    font-size:16px;
}
.ures ul li a:hover{
    color:#249ddd;
}
.ures-rigth{
    float: right;
    width: 41%;
}
.ures-rigth span{
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}
.ures-rigth span.es-ri{
    float: left;
}
.ures-rigth span.es-r{
    float: right;
}
.ures-rigth span a.title{
position: absolute; 
z-index: 1; 
left: 0; 
bottom:0; 
width: 100%; 
color: #fff; 
background: rgba(0,0,0,.7); 
height: 54px; 
line-height: 54px; 
overflow: hidden; 
text-align: center;
}
.dynamic-section-main{
    float: left;
    width: 100%;
}
.panel-heading {
    font-size: 16px;
    background: #fff !important;
    border-bottom: 1px solid #f5f5f5 !important;
}/*去掉    position: relative;*/
.panel-title {
    color: #313131;
}
.media {
    margin-top: 15px;
}
.media-left {
    padding-right: 15px;
}
.js-user-card {
    display: inline-block;
}
.media-body {
    word-break: break-all;
    position: relative;
    padding-right: 80px;
    padding-bottom: 8px;
    border: none;
}
.title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 12px;
}
.title a{font-size: 12px;}
.rse-info a{font-size: 18px;}
.text-sm {
    font-size: 12px !important;
}
.score {
    margin-bottom: 10px;
}
.es-icon {
    line-height: 1;
    font-size: 14px;
}
.color-warning {
    color: #ff8a0c !important;
}
.content {
    height: 20px;
    overflow: hidden;
    display: block;
    color: #919191;
}
.content a{
    font-size: 12px;
}
.date {
    position: absolute;
    right: 0px;
    top: 9px;
    color: #c1c1c1;
}
.date01 {
	float: right;  
    color: #c1c1c1;
}/*去掉    position: absolute; right:0px;top: -7px;*/
.avatar-sm {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px ;
    height: 40px ;
}
.course-button{
    width: 100%;
    float: left;
    margin-top: 25px;
    text-align: center;
}
.course-button a{
    width: 10%;
    line-height: 32px;
    border: 1px #2490F2 solid;
    background: #fff;
    border-radius: 5px;
    display: inline-block;
    color: #2490F2 ;
}
 .course-button a:hover{
    background: #2490F2;
    color: #fff; 
 }
 .int-duce{
    margin-left: -15px;
    width: auto;
}
.int-wrap {
   /* padding-left: 15px;*/
    padding-right: 0px;
}
/*产品效果*/
.blue-btn,.comm-btn,.goBack-btn,.order-submit {
    border:1px solid;
    border-radius:16px;
    display:inline-block;
    text-align:center;
    height:32px;
    line-height:32px;
    padding:0 12px
}
.comm-btn {
    padding:0 8px;
}
.c-btn-1 {
    border-color:#fff;
    color:#fff;
    width:120px;
    font-size:18px
}

.cc-l-wrap {
    width:100%;
    display:block;
    overflow:hidden;
    margin-bottom: 20px;
}/*去掉float:left;*/
.cc-l-wrap p{
    position: absolute;
    z-index: 99;
    background: url(../../images/klxlearning/tag_live.png);
    width: 40px;
    height: 50px;
    top: -10px;
}
.syll-price{
    width: 100%;
    float: left;
}
.discount-price span{
    color: #545454;
}
.syll-price em{
    font-size: 20px;
    font-style:normal;
}
.lt-ie9.lt-ie8 .live-cou-rec {
    position:relative;
    top:0;
}
.course-img {
    position:relative;
    overflow:hidden
}
.jgTag {
    display:inline-block; 
    text-align:center;
    height:20px;
    line-height:20px;
}
.c-999,.f-fG {
    color: #999;
    font-family: SimSun;
    font-size: 12px;
}
.c-ccc{
    margin-left: 10px;
}
.c-333 {
    color: #333;
}
.fsize18 {
    font-size: 18px;
}
.cc-mask {
    background:rgba(0,0,0,.4);
    height:100%;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
    right:0;
    top:0;
    transition:all .3s ease 0s;
    width:100%;
    transition:.3s;
    -webkit-transition:.3s
}
.cc-mask .c-btn-1 {
    left:55%;
    margin-left:-72px;
    margin-top:-16px;
    position:absolute;
    top:100%;
    transition:.3s;
    -webkit-transition:.3s
}
.cc-mask .c-btn-1:hover{
    color: #fff;
}
.lt-ie9 .cc-mask .c-btn-1,.lt-ie9.lt-ie8 .cc-mask .c-btn-1 {
    top:120%
}
.cc-l-wrap:hover .img-responsive {
    -ms-transform: scale(1.1);     /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
    -o-transform: scale(1.1);      /* Opera */
    border-radius:4px;
}
.cc-l-wrap:hover .cc-mask {
    opacity:1;
    filter:alpha(opacity=100)
}
.cc-l-wrap:hover .cc-mask .c-btn-1 {
    top:50%
}
#aCoursesList,.i-question,.u-body {
    padding-bottom:80px
} 
 
@media (min-width: 1200px){
/*.col-lg-2 {
    width:20.4%;
	padding-right:0; 
	padding-left: 5px;
}	*/
	}
@media (max-width: 990px){
	.top-type ul li,.top-type ul li.active,.pr-personal-tail span{
		font-size:16px;
	}
	.type_box .tl_item li,.tl_item p,.section-comment dl dd{
		font-size:12px;
	}	
	/*.details-left,.col-md-6{
		width:auto;
        padding-right: 0px !important;
	}
	.details-rigth,.col-md-6{
		width:auto;
        padding-left: 0px !important;
	}	*/
	.div ul li a{
		padding: 0 10px 0 10px;
	}
	.top-type ul li{
		padding: 5px 5px 3px 5px;
	}
    .ures-rigth span.es-r {
        float: left;
    }
}
@media (max-width: 1082px){
	.top-type ul li,.top-type ul li.active{
		font-size:18px;
		}
	.tl_item p{
		font-size:17px;
	}	
}
@media (max-width: 720px){
	.top-type ul li,.top-type ul li.active,.pr-personal-tail span,.section-comment dl dd{
		font-size:12px;
		}
	.type_box .tl_item li,.tl_item p{
		font-size:8px;
		}
	/*.details-left,.col-md-6{
		width:auto;
	}
	.details-rigth,.col-md-6{
		width:auto;
	}	*/
	.div ul li a{
		padding: 0 10px 0 10px;
	}
	.top-type ul li{
		padding: 5px 1px 3px 1px;
	}
}


/*课程列表样式*/
.wrapper{
    width: 100%;
    float: left;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.centre .centre-left .centre-left01 .top-center ul li a{
    font-size: 18px;
}
.centre-left{
    width: 280px !important;
    float: left;
}
.centre-left01{
    width: 210px !important;
    float: left;
}
.course-center-item:hover{
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: #dfdfdf;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.centre .centre-right .centre-title{
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
	line-height: 36px;
    background: #F3F3F3;
}
.centre .centre-right .course-center-item .course-img img{
    margin-top: 15px;
    margin-bottom: 15px;
}
.centre .centre-right .course-center-item .course-info{
    margin-bottom: 15px;
}
.centre-right{
    padding-left: 20px;
    width: 81%;
    float: right;
}

.con-tain-er{
    margin-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
}
.centre .centre-left .centre-left01 .category-name {
    position: relative;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    color: #2c2f33;
    font-size: 16px;
    line-height: 49px;
    height: 49px;
}
.feed-list{
    display: none;
}
.centre .centre-left .centre-left01 .feed-list a:hover{
    background: #386c86;
    color: #fff;
}
.centre .centre-left .centre-left01 .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 20px 0 0 8px;
    height: 30px;
    width: 105px;
    overflow: hidden;
}
.centre .top-center .hover-bd{
    text-align:center;
    margin-bottom: 15px;
}
.centre .top-center .hover-bd img{
    margin-top: 10px;
}
.centre .centre-left .centre-left01 .navbar-header{
    text-align: center;
}
.centre .centre-left .centre-left01 .navbar-toggle{
    float: none;
    position: relative;
    padding: 9px 100px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #4484a3;
}
.centre .centre-left .centre-left01 .navbar-default .navbar-toggle:focus, .centre .centre-left .centre-left01 .navbar-default .navbar-toggle:hover {
    background-color: #386c86;
    }
.centre .centre-left .centre-left01 .navbar-default{
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #f6f6f6;
    border-right: 1px solid #e8e8e8;
    padding-top: 10px;
    width: 260px;
    z-index: 2;
    min-height: 1160px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}
.centre .centre-left .centre-left01 .glyphicon-menu-right{
    float: right;
    margin-right: 4px;
    margin-top: -8px;
}
.centre .centre-left .centre-left01 .glyphicon-expand{
    float: left;
    margin-left: 4px;
    margin-top: 15px;
    margin-right: 12px;
}
.centre .centre-left .centre-left01 .top-center ul li a:hover{
    background: #386c86;
    color: #fff;
    border-radius: 3px;
}

@media(max-width:768px){   
    .centre .centre-left .centre-left01 .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 70px;
    overflow: hidden;
    }
    .dashboard-body {
    padding-left : 0 !important;
    }
    
}
@media(max-width:425px){
    .centre .centre-left .centre-left01 .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .centre-left01 .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 75px;
    overflow: hidden;
    }
}
@media (min-width: 1200px){
    .tre-conta {
        width: 100%;
    }

}
@media(max-width:375px){
    .centre .centre-left .centre-left01 .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .centre-left01 .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 92px;
    overflow: hidden;
    }
}
@media(max-width:320px){
    .centre .centre-left .centre-left01 .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .centre-left01 .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 120px;
    overflow: hidden;
        
    }
}
@media only screen and (min-width: 415px) and (max-width: 435px) {
    .centre .centre-left .centre-left01 .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .centre-left01 .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 80px;
    overflow: hidden;
    
    }
}
@media (min-width: 992px){
   /*.col-md-3 {
    width: 15%;
    } */
}

/*资源页面样式*/
.bot-tom{
    margin-bottom: 30px;
}
.bot-tom-top{
    min-height: 660px;
}
.left-resources{
    width: 100%;
    float: left;
    background: #FBFBFB;
    border: 1px #E2E2E2 solid;
    border-radius: 4px;
}
.left-resources h5{
    line-height: 36px;
    padding-left: 15px;
    border-bottom: 1px #E2E2E2 solid;
    margin-top: 0px;
    margin-bottom: 0px;
}
.left-resources dl{
    width: 100%;
    float: left;
    margin-bottom: 0px;
    position: relative;
    border-bottom: 1px #E2E2E2 solid;
}
.left-resources dl dt{
    width: 100%;
    line-height: 36px;
    padding-left: 15px;
    float: left;
}
.left-resources dl dt a{
    color: #616161;
    font-weight: 100;
}
.left-resources dl dd{
    line-height: 36px;
    float: left;
    padding-left: 35px;
    padding-right: 15px;
}
.left-resources dl dd a{
    color: #909090;
}
.left-resources dl dd a:hover{
    color: #51A9E9 ;
}
.left-resources dl:hover{
    background: #F1F9FF;
    border-left: 3px #51A9E9 solid;
    display: block;
}
.left-resources dl:hover .resources-none{
    display: block;
}
.resources-none{
    line-height: 36px;
    float: left;
    background: #FFFFFF;
    border: 1px #E2E2E2 solid;
    position: absolute;
    right: 0px; 
    left: 385px;
    top: -1px;
    width: 100%;
    display: none;
    z-index: 999;
}
.resources-none em{
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    border-right: 12px solid #E2E2E2;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40px;
    left: -12px;
}
.resources-none em i{
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #FFFFFF;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -10px;
    left:2px;
}
.sylla-bus{
    max-width: 1160px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.left-resources01{
    width: 100%;
    float: left;
    border: 1px #E2E2E2 solid;
    border-radius: 4px;
}
.left-resources01 h5{
    line-height: 36px;
    padding-left: 15px;
    border-bottom: 1px #E2E2E2 solid;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #666;
    border-top: 2px #51A9E9 solid;
}
.left-resources01 dl{
    width: 100%;
    float: left;
    margin-bottom: 0px;
    height: 45px;
    position: relative;
    border-bottom: 1px #E2E2E2 solid;
}
.left-resources01 dl i{
    position: relative;
    top: -22px;
    left: -5px;
    color: #909090;
}
.left-resources01 dl dt{
    width: 100%;
    line-height: 45px;
    padding-left: 15px;
    float: left;
    font-weight: 100;
    color: #666;
}
.left-resources01 dl dt a{
    color: #616161;
    font-weight: 100;
}
.left-resources01 dl dd{
    line-height: 36px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.left-resources01 dl dd a{
    color: #909090;
}
.left-resources01 dl dd a:hover{
    color: #51A9E9 ;
}
.left-resources01 dl:hover {
    background: #FBFBFB;
    display: block;
}
.left-resources01 dl:hover .resources-none01{
    display: block;
}
.resources-none01{
    line-height: 36px;
    float: left;
    background: #FBFBFB;
    border: 1px #E2E2E2 solid;
    position: absolute;
    right: 0px; 
    left: 278px;
    top: -1px;
    width: 100%;
    display: none;
    z-index: 999;
}
.resources-none01 em{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0px;
    left: -5px;
    background: #FBFBFB;
    width: 10px;
    height: 44px;
}
.resources-none01 em i{
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #FFFFFF;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -10px;
    left:2px;
}
.rces-none01 dt{
    width: 90% !important;
    padding-left: 0px !important;
    line-height: 36px !important;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px #E2E2E2 solid;
    float: left;
    font-weight: 100;
}
.search-box{
    float: left;
    width: 100%;
}
.rigth-list-main{
    padding-left: 15px;
}
.job-input{
    width: 90%;
    line-height: 36px;
    float: left;
    padding-left: 15px;
    border-radius: 4px;
    border: 1px #E2E2E2 solid;
}
.job-btn-search {
  position: absolute;
  top: 0;
  right:-10px;
  font-size: 16px;
  height: 38px;
  width: 10%;
}
.search-hot{
    width: 100%;
    float: left;
    color: #666;
    line-height: 36px;
}
.search-hot a{
    color: #909090;
}
.job-title {
  padding: 20px 0 10px 0;
  border-bottom: 1px solid #dfdfdf;
}
.job-title h3 {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  padding-left: 10px;
  border-left: 4px solid #4db3f9;
  line-height: 1;
}
.reso-content{
    width: 100%;
    float: left;
}
.reso-content dl{
    border-bottom: 1px #E2E2E2 solid;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.reso-content dl dd{
    line-height: 56px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 14%;
}
.reso-content dl dd.ent{
    width: 42%;
}
.reso-content dl dd.ent8{
    width: 10%;
}
.reso-primary{
    background: 0;
    color: #0984F7;
}
.btn-so {
    display: inline-block;
    padding: 2px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.reso-primary:hover{
    color: #fff;
    background: #51A9E9;
    line-height: 24px;
}
.describe{
    width: 100%;
    border-top: 1px #E2E2E2  solid;
    float: left;
    display: none;
}
.describe span{
    font-weight: 700;
    color: #666;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
}
.describe p{
    line-height: 26px;
    float: left;
    color: #909090;
    text-indent: 2em;
    padding-left: 20px;
    padding-right: 20px;
}
.reso-content dl:hover .describe{
    display: block;
}

/*题库页面*/
.question-bank{    
    width: 100%;
    float: left;
    border-bottom: 2px #E2E2E2 solid;
}
.bank-menu{
    line-height: 36px;
    border: 1px #E2E2E2 solid;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    border-radius: 4px;
}
.bank-menu p{
    cursor: pointer;
    font-size: 16px;
    color: #666;
}
.bank-menu p i{
    padding-left: 10px;
    padding-right: 10px;
}
.glyphicon-list{
    color: #A7A7A7;
    font-size: 12px;
}
.glyphicon-chevron-down{
    color: #A7A7A7;
    font-size: 12px;
}
.glyphicon-menu-up{
    color: #A7A7A7;
    font-size: 12px;
}
.glyphicon1 {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bank-menu-none{
    z-index: 999;
    float: left;
    background: #fff;
    border: 1px #E2E2E2 solid;
    position: absolute;
    top: 45px;
    left: 0;
    border-radius: 4px;
    min-width: 500px;
    display: none;
}
.bank-menu-none em{
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-bottom-color: #2490F2;
    position: absolute;
    top: -20px;
    left: 95px;
}
.bank-menu-none i{
    width: 0px;
    height: 0px;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    position: absolute;
    top: -16px;
    left: 97px;
}
.bank-menu-none dl{
    border-bottom: 1px #E2E2E2 solid;
    float: left;
    width: 94%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0px;
}
.bank-menu-none dl dt{
    line-height: 46px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 110px;
    text-align: right;
    font-size: 16px;
    font-weight: 100;
    font-family: "Microsoft YaHei";
    color: #666;
}
.bank-menu-none dl dd{
    line-height: 46px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.bank-menu-none dl dd a{
    color: #909090;
    font-size: 14px;
}
.bank-menu-none dl dd a:hover{
    color: #51A9E9;
}
.bank-menu:hover .bank-menu-none{
    display: block;
}
.navigation{
    width: 100%;
    float: left;
    margin-left: 15px;
}
.navigation ul li{
    float: left;
    line-height: 36px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
}
.navigation ul li a{
    font-size: 16px;
    color: #666;
    line-height: 36px;
}
.navigation ul li.current{
    background: #51A9E9 ;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    color: #fff;
}
.navigation ul li.current a{
    color: #fff;
}
.navigation ul li.current a:hover{
    color: #fff;
}
.navigation ul li a:hover{
     color: #51A9E9;
}
.main-right{
    float: right;
}
.nav-pass{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.nav-pass p{
    line-height: 36px;
    border-radius: 50px;
    background: #51A9E9;
    cursor: pointer;
}
.nav-pass p span{
    color: #fff;
    font-size: 16px;
}
.nav-pass p i{
    margin-left: 5px;
    color: #fff;
}
.pass-block{
    width: 100%;
    float: left;
    border: 1px #51A9E9 solid;
    background: #fff;
    border-radius: 4px;
    margin-top: 10px;
    text-align:left;
    min-width: 300px;
    position: absolute;
    display: none;
}
.pass-block dl{
    border-left: 1px #E2E2E2  solid;
    float: left;
    margin: 15px;
}
.pass-block dl dt{
    line-height: 26px;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    color: #FFF;
    font-weight: 100;
    background: #51A9E9;
    margin-left: 15px;
}
.pass-block dl dt em{
    width: 10px;
    height: 10px;
    background: #51A9E9;
    border-radius: 50px;
    float: left;
    position: absolute;
    top: 8px;
    left: -20px;
}
.pass-block dl dt i{
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #51A9E9;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: -7px;
}
.pass-block dl dd{
    padding-left: 10px;
    line-height: 36px;

}
.pass-block dl dd a{
    color: #777;
    font-size: 14px;
    padding-right: 55px;
}
.pass-block dl dd a:hover{
    color: #51A9E9;
}
.pass-and-more a{
    width: 90%;
    line-height: 36px;
    border: 1px #E2E2E2 dotted;
    float: left;
    margin: 15px;
    text-align: center;
    color: #777;
}
.pass-and-more a:hover{
    border: 1px #51A9E9 solid;
    color: #51A9E9;
}
.content-show{
    width: 100%;
    float: left;
    margin-top: 25px;
    margin-bottom: 95px;
}
/*题库练习*/
.practice{
    width: 100%;
    float: left;

    margin-top: 75px;
}
.practice dl{
    float: left;
    width: 140px;
    margin-right: 42px;
    margin-left: 42px;
}
.practice dl dt{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
}
.practice dl dt em{
    width: 80px;
    height: 80px;
    margin-top: 35px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/klxlearning/paper-fl.png) no-repeat;
    background-size: 100%;
    margin-left: 35px;
    transition: all 0.3s;
}
.practice dl dd{
    line-height: 20px;
    display: inline-block;
    text-align: center;    
    margin-top: 25px;
    width: 150px;
    min-height: 40px;
}
.practice dl dd a{
    background: #2490F2;
    line-height: 36px;
    color: #FFF;
    font-size: 16px;
    display: inline-block;
    width: 150px;
    text-align: center;
}
.practice dl dd a:hover{
    background: #0876DA;
}
.practice dl dd.widget{
    font-size: 18px;
    line-height: 36px;
}
.practice dl:hover dt{
    border: 1px solid #2490F2;
    transition: all 0.3s;
}
.practice dl:hover dt em{
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  transition: all 0.3s;
}
.practice dl dt em.get2{
    background-position:0 -80px;
}
.practice dl dt em.get3{
    background-position:0 -160px;
}
.practice dl dt em.get4{
    background-position:0 -240px;
}
.practice dl dt em.get5{
    background-position:0 -320px;
}
.practice-none{
    display: none;
}
/*练习历史*/
.history{
    width:100%;
    float: left;
}
.history1 p{
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #333;
    line-height: 36px;
}
.tory2{
    background: #F9F9F9;
}
.history2 dl {
    display: inline-block;
    margin-bottom: 0;
    padding: 20px;
}
.history2 dl dt{
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #777;
    line-height: 26px;
    font-weight: 100;
}
.history2 dl dd{
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #999;
    line-height: 26px;
}
.history2 a{
    float: right;
    line-height: 26px;
    text-align: center;
    width: 120px;
    background: #EBCA69;
    color: #946E00;
    border-radius: 4px;
    margin: 20px 33px;
}
.history2 a:hover{
    background: #DAAF30;
    color: #fff;
}
.history2 a.re-port{
    float: right;
    line-height: 26px;
    text-align: center;
    width: 120px;
    background: #51A9E9;
    color: #FFFFFF;
    border-radius: 4px;
    margin: 20px 33px;
}
.history2 a.re-port:hover{
    background: #3A93D4;
    color: #fff;
}



/*搜索页面样式*/
.form-cont {
    height: 50px;
    border: none;
    padding-right: 50px;
    font-size: 16px;
    color: #000;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;

    border: 1px #D8D8D8 solid;
}
.cnir{
    max-width: 1170px;
    margin:25px auto;
}
.btn-pr {
    height: 50px;
    width: 120px;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-primary, .btn-default.active {
    background: #66b6ff;
    border: #66b6ff 1px solid;
    line-height: 12px;
    font-size: 14px;
}
 .panel-default>.panel-heading {
    background: #fff;
}
.panel-body ul li a {
	float:left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}
.index-article .index-recommend-aricle li {
    position: relative;
    list-style-type: none;
    margin-bottom: 10px;
    overflow: hidden;
}
.image-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    filter: alpha(opacity=30);
    background: #000\9;
}
.index-new-article li a i {
    background: #3EB2F3;
}
.clearfix a i {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    float: left;
    position: relative;
    top: 5px;
    right: 0px;
    margin-right: 5px;
}
.index-article .index-new-article {

    margin-bottom: 0;
}/*去掉    float: left;width: 62%;*/
.index-article .index-new-article li {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin-bottom: 26px;
}/*去掉    position: relative;*/
.clearfix a {
    font-size: 14px;
}

.link-dark:hover {
    color: #51A9E9 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.clearfix span {
    color: #aaa;
    font-size: 14px;
    line-height: 14px;
}
.date01 {
    right:0px;
    top: -7px;
    color: #c1c1c1;
}/*去掉    position: absolute;*/
.course-body {
    float: right;
    width: 70%;
}
.s_tab{
    width: 100%;
    margin-top: 5px;
    background: #F5F5F5;
    line-height: 40px;
    padding-left: 15px;
}

.s_tab a{
	padding-right: 15px;
    color: #777;
    line-height: 40px;
    padding-left: 15px;
    border-right: 1px #E2E2E2 solid;
}
.s_tab a:hover{
	color: #51A9E9 ;
}
.mrl {
    color: #757575 !important;
    font-size: 16px !important;
    font-family: 微软雅黑;
}
.panel-default>.panel-heading {
    background: #fff;
}
.title-tit {
    line-height: 22px;
}
.metas {
    float: left;
}
.course-price-widget {
    float: right;
    line-height: 25px;
}
.price {
    margin-right: 5px;
}
.media-left3{
    float: left;
}

.media-left3 a img{

    float: left;
}
.media-body3{
    width: 70%;
    float: right;
}

/********/
.user-avatar-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.user-avatar-list li {
  float: left;
  width: 20%;
  margin-bottom: 10px;
  text-align: center;
}
@media (max-width: 991px) and (min-width: 768px) {
  .user-avatar-list li {
    width: 10%;
  }
}
.user-avatar-list .name {
  margin-top: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  height: 20px;
}
.popover {
  min-width: 250px;
  border-color: #e1e1e1;
}
.popover.top > .arrow {
  border-top-color: #e1e1e1;
}
.popover.right > .arrow {
  border-right-color: #e1e1e1;
}
.popover.bottom > .arrow {
  border-bottom-color: #e1e1e1;
}
.popover.left > .arrow {
  border-left-color: #e1e1e1;
}
.popover .popover-content {
  color: #616161;
}
.modal-title {
  word-break: break-all;
  color: #313131;
} 
.popover-content p{
        margin: 0 0 10px;
}

.centre-title-1 ul li{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px #E0E0E0 solid;
	height:36px;
	line-height : 33px;
}
.centre-title-1 span{
	color: #777;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
	line-height:36px;
}
.w-1000{
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
}
.w-1000 a{
	color: #666;
}
.w-1000 a:hover{    
	color: #51A9E9;
}
.centre-title-1 ul li a{
    font-size: 16px;
    color: #777;
	padding:0px 5px;
}
.centre-title-1 ul .active a{
    color:#51A9E9;
}
.centre-title-1 ul li a:hover{
    padding:2px 5px;
    border-radius:4px ;
}
.centre-title-1 ul li a:hover{
    color: #51A9E9;
}
.aside-allCategory {
    margin:0;
    border:1px solid #51A9E9;
    background-color:#fff
}
.aside-allCategory>.hd {
    padding:0 32px;
    border-bottom:1px solid #eee;
    line-height:45px;
    cursor:default
}
.aside-allCategory>.hd h2 {
    position:relative;
    font-size:14px;
    font-weight:400;
    margin-top: 10px;
}
.aside-allCategory>.hd h2 a {
    font-size: 16px;
    color: #777;
}
.aside-allCategory>.hd h2 a i{
    color: #51A9E9;
    position: relative;
    top: 3px;
    left: -3px;
    margin-left: -20px;
}
.aside-cList {
    position:relative;
    width:194px
}
.aside-cList li {
    padding:0;
    border-bottom:0
}
.aside-cList li>div {
    cursor:pointer;
    height:38px;
    border-bottom:1px solid #f5f5f5;
    background-size:6px 10px;
    padding-left:32px
}
.aside-cList li>div a {
    font-size:14px;
    color:#777;
    line-height:36px
}
.aside-cList li>div a.active {
    color:#51A9E9
}
.aside-cList li>div a i{
    float:right;
	padding-right:10px;
	padding-top: 8px;
    color: #DEDEDE;
}
.aside-cList li>div:hover a i{
    display: none;
}
.aside-cList li>div:hover {
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    height:38px;
    width:195px;
    margin-left:-1px;
    padding-left:24px;
    -webkit-box-shadow:1px 2px 4px rgba(0,0,0,.1);
    box-shadow:1px 2px 4px rgba(0,0,0,.1)
}
.aside-cList li>div:hover>a {
    display:block;
    width:140px;
    background:#fff;
    position:absolute;
    z-index:1102;
    border-right:3px solid #fff;
    color:#51A9E9;
    font-size:13px;
    font-weight:500;
    line-height:36px
}
.aside-cList li:last-child>div {
    border-bottom:0
}
.aside-cList li:last-child>div:hover {
    border-bottom:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.aside-cList li .list-show {
    display:none;
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,.1);
    box-shadow:1px 2px 4px rgba(0,0,0,.1);
    overflow:hidden;
    min-height:230px;
    min-width:401px;
    background:#fff;
    border:1px solid #ddd;
    position:absolute;
    left:157px;
    top:-39px;
    z-index:1101;
    list-style:none;
    margin-left:-1px;
    padding-bottom:30px;
    float:left;
    width:405px
}
.aside-cList li .list-show a:hover {
    color:#777;
}
.aside-cList li>div:hover .list-show {
    display:block
}
.aside-cList li .list-show dl {
    margin:0 15px;
    overflow:hidden
}
.aside-cList li .list-show dt {
    display:block;
    border-bottom:1px solid #e4ecf3;
    height:37px;
    line-height:45px
}
.aside-cList li .list-show dt>a {
    color:#333;
    font-size:13px;
    font-weight:500
}
.aside-cList li .list-show dt>a:hover{
    color: #51A9E9;
}
.aside-cList li .list-show dd {
    list-style:none;
    margin-left:-8px;
}
.aside-cList li .list-show dd a.active,.aside-cList li .list-show dt>a.active {
    color:#51A9E9
}
.aside-cList li .list-show dd a {
    height:14px;
    line-height:14px;
    margin-bottom:10px;
    margin-top:5px;
    padding:0 7px;
    color:#666;
    display:inline-block;
    font-size:12px;
    border-left:1px solid #e0e0e0;
    float:left;
    white-space:nowrap;
    font-weight:400
}
.aside-cList li .list-show dd a:hover{
    color: #51A9E9;
} 
/**/
.figure{
    width: 100%;
    float: left;
}
/*购物车*/
.cart-proce{
    width: 100%;
    float: left;
}
.cart-process{
    width: 100%;
    margin-bottom:70px;
    float: right;
}
.shopping{
    float: left;
    width: 20%;
    position: relative;
    top:80px;
}
.cart-process span{    
    float: left;
    line-height: 27px;
    border-bottom: 1px #D8D8D8 solid;
    width:33.3%;
    text-align: center;
}
.cart-process span em{    
    font-style: normal;
    position: relative;
    top: 30px;
    font-size: 18px;
}
.cart-process span.active{
    border-bottom: 1px #7EC2F3 solid;
    color: #7EC2F3;
}
.glyphicon-shopping-cart,.glyphicon-pencil,.glyphicon-ok{
    font-size: 36px;
    text-align: center;
    color: #C3C3C3;
    display: inherit;
}
.cart-process span.active .glyphicon-shopping-cart{
    color: #7EC2F3;
}
.cart-process span.active .glyphicon-pencil{
    color: #7EC2F3;
}
.cart-process span.active .glyphicon-ok{
    color: #7EC2F3;
}
.shopping-cart{
    width:100%;
    float:left;
}
.links_Partner_slide{
    min-height: 760px;
}
.glyphicon-ok-sign{
    display: inline-block;
    position: relative;
    top: 8px;
    left: -15px;
    font-size: 31px;
    color: #12B763;
}
.terms-payment{
    width: 100%;
    float: left;
    border: 1px #E4E4E4 solid;
    background: #FFFFFF;
    text-align: center;
    margin-bottom: 30px;
}
.terms-payment h5{
    padding-left: 10px;
    font-size: 18px;
}
.terms-payment p{
    padding-left: 10px;
    border-bottom: 1px #E8E8E8 solid;
    font-size: 18px;
    margin-bottom: 26px;
    line-height: 100px;
}
.terms-payment span{
    font-style: normal;
    padding-left: 10px;
    line-height: 36px;
    padding-bottom: 25px;
    display: inline-block;
    padding-top: 25px;
}
.terms-payment-way{
    width: 18.5%;
    float: left;
    margin-top: -62px;
    margin-left: 40%;
    margin-bottom: 10px;
}
.wechat-treasure span{
    text-align: center;
}
.wechat-treasure span.hat-treas{
    display: none;
}
.wechat-treasure span img{
    display: inline-block;
    margin-top: 10px;
}
.wechat{
    width:100%;
    height:62px;
    float: left;
    background:url(../../images/klxlearning/wechat.png) no-repeat;
    background-size:209px 62px;
}
.treasure{
    width: 100%;
    height:62px;
    float: left;
    background:url(../../images/klxlearning/treasure.png) no-repeat;
    background-size:209px 62px;
}
.left-rig em{
    width: 50%;
    float: left;
    position: relative;
    top: 62px;
    height: 62px;
    cursor: pointer;
    left: 0;
}
.terms-payment-way em.left{
    float: left;
}
.terms-payment-way em.right{
    float: right;
}
.cart-paym{
    width: 100%;
    float: left;
    line-height: 60px;
    margin-top: 20px;
    background: #FBFBFB;
    border-top: 1px #D8D8D8 solid;
}
.cart-payment{
    float:left;
}
.cart-payment span{
    line-height:36px;
    color:#000;
    margin-right:10px;
    margin-left:10px;
}
.cart-payment span a{
    color:#000;
}
.payment{
    width:100%;
    border: 1px #E4E4E4 solid;
    background: #FFFFFF;
    float: left;
}
.payment tr td a img{
    width:113px;
    height: 62px;
}
.table-bordered {
    width: 98%;
    max-width: 98%;
    margin: 1% 1% 0 1%;
}
.table-bordered:hover{
  -webkit-box-shadow:0 0 7px #D6D6D6;  
  -moz-box-shadow:0 0 7px #D6D6D6;  
  box-shadow:0 0 7px #D6D6D6;  
}
.paym{
    line-height:60px;
}
.pay-ment{    
    float: left;
    margin-right: 45px;
}
.pay-ment span{
    font-size: 16px;
    color: #808080;
}
.pay-ment span em{
    font-size: 28px;
    color: #F00;
    font-style: normal;
}
.payment-btn{
    float: right;
}
.payment-btn span{
    float: left;
    margin-right: 15px;
}
.pager-paging{
    float: left !important;
    text-align: center;
    width: 100%;
    overflow: auto;
}
.table-bordered tr td a{
    float: left;
    font-size: 14px !important;
    color: #616161;
    text-decoration: none;
    padding-right: 12px;
    font-weight: bold;
}
.introduce{
    line-height:36px;
    width: 83%;
}
.table-bordered tr td em{
    font-style:normal; 
    display: inline-block;
}
.btn-primary,.btn-default.active{
    background: #66b6ff;
    border: #66b6ff 1px solid;
    line-height: 12px;
    font-size: 14px;
}




.btn-primary.active:hover{
    background: #419cee;
    border: #419cee 1px solid;
}
.btn-primary {
    border-color: #2490F2;
    background-color: #2490F2;
    color: #fff;
}
.btn-primary:hover{
    color: #fff;
    background-color: #77B6EF !important;
    border: 1px #77B6EF solid;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
}
.btn-primary2{
    background: #000;
        padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
}
/*加入购物车弹窗*/
.modal-dialog {
    width: 600px;
    margin: 15% auto;
}
.butt-fault{
    line-height: 25px;
    color: #fff;
    background: #FF6E5D;
}
.butt-fault:hover{
    color:#fff;
    background:#FFADA3;
}
.butt-btn{
    background:#2490F2;
}
.butt-btn:hover{
    background:#77B6EF;
}
.modal-body {
    text-align: center;
    font-size: 22px;
}
.glyphicon-ok-circle {
    color: #12B763;
    font-size: 40px !important;
    display: inline-block;
    position: relative;
    top: 11px;
    left: -15px;
    font-weight: 100;
}
.pop-ups-window{
    width: 20%;
    z-index: 999;
    background: #fff;
    border: 1px #E4E4E4  solid;
    position: absolute;
    top: 25%;
    left: 40%;
    margin: 0 auto;
    border-radius: 4px;
}
.pop-ups-window p{
    width:100%;
    line-height:76px;
    float: left;
    text-align: center;
    font-size: 20px;
}
.pop-ups-window span{
    line-height: 36px;
    padding-left: 40px;
    padding-right: 25px;
    margin-top: 35px;
    float: left;
    margin-bottom: 25px;
}
.pop-ups-window span a.jxgw{
    width: 120px;
    float: left;
    border: 1px #fe9455 solid;
    background: #fe9455;
    font-size: 18px;
    color: #fff;
    border-radius: 0px;
}
.pop-ups-window span a.jxgw:active{
    background: #DC7E46;
}

/*课程评价*/
.section-comment {
    width: 100%;
    display: inline-block;
}
.section-comment ul {
    width: 100%;
    float: left;
}
.section-comment ul span {
    float: left;
    width: auto;
    line-height: 27px;
}
.section-comment li {
    width: 27px;
    height: 27px;
    background: url(../../images/klxlearning/star.gif);
    float: left;
}
.section-comment li.no {
    background: url(../../images/klxlearning/star.gif) no-repeat 0 -29px;
}
.section-comment span {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.enter {
    width: 100%;
    line-height: 22px;
    float: left;
    height: 100px;
    font-size: 16px;
    border: 1px #e4ecf3 solid;
}
.btn-cloth {
    padding-left: 30px;
    padding-right: 30px;
    background: #2490F2;
    border: 1px #2490F2 solid;
    color: #fff;
    font-size: 24px;
}
.btn-cloth:hover{
    background: #80C2FF;
    border: 1px #80C2FF solid;
    color: #fff;
}
.md-margin-bottom-40{
    padding-right: 20px !important;
    width: 12% !important;
    text-align: center;
    border-right: 1px #127CBF solid;
    padding-left: 20px !important;
}

/*培训师页面样式*/
.i-teach{
    margin-left: -30px;
}
.comm-title.all-teacher-title {
    overflow: visible;
    position : relative;
}
.comm-title {
    overflow: hidden;
    clear: both;
    margin: 40px 0 30px;
}

.nav li.current a, .h-r-login li a:hover, .h-r-login li a:hover, .c-tab-title a.current, .c-btn-2, .i-teach-wrap:hover a, .paging a, .paging a:hover, .paging a.current, #footer, .u-m-dd ul li a:hover, .u-m-dd ul li.current a, .d-s-head-tab a.current, .shop-car-num, .c-btn-6 {
    border-color: #51A9E9 ;
    color: #51A9E9 ;
}
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right:0;
    padding-left: 0;
}*/
.h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
}
.comm-title h2 span {
    font-size: 26px;
    font-family: simhei;
}
.c-tab-title {
    border-bottom: 1px solid #e2e2e2;
    height: 34px;
    text-align: center;
    margin-bottom: 50px;
}
.all-teacher-title .c-tab-title {
    margin-bottom: 20px;
    height: auto;
}
.all-teacher-title .c-tab-title a {
    margin: 0 10px;
}
.hLh30 {
    line-height: 30px;
}
.mt10 {
    margin-top: 10px;
}
.txtOf02 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tac02 {
    text-align: center;
}
.c-tab-title a {
    border-bottom: 1px solid transparent;
    display: inline-block;
    line-height: 34px;
    margin: 0 20px;
    padding: 0 10px;
    font-size: 16px;
    color: #666;
    transition: .3s;
    -webkit-transition: .3s;
}
.i-teach-wrap {
    background: #fff;
    border: 1px solid transparent;
    display: block;
    margin: 0 0 50px 30px;
    overflow: hidden;
    text-align: center;
    padding: 15px 15px 20px;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s;
}
.i-teach-pic {
    width: 60%;
    margin: 10px auto 0;
}
.i-teach-pic img {
    display: block;
    border-radius: 50%;
    max-width: 100%;
    transition: .5s;
    -webkit-transition: .5s;
}
.c-666 {
    color: #666;
}
.fsize18 {
    font-size: 18px;
}
.c-999 {
    color: #999;
}
.i-q-txt {
    height: 40px;
    overflow: hidden;
}
.i-teach-wrap .i-q-txt {
    border-top: 1px dotted #e2e2e2;
    padding-top: 15px;
}
.i-q-txt p {
    line-height: 20px;
    height: 20px;
}
.i-teach-wrap:hover {
    border-color: #e8e8e8;
    box-shadow: 6px 6px 0 rgba(0,0,0,.06);
}
.i-teach-wrap:hover .i-teach-pic img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
/*培训师详情页面样式*/
#content-container{
    min-height: 660px;
}

.comm-title {
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
}
.comm-title h2 span {
    font-size: 26px;
    font-family: simhei;
}
.c-333 {
    color: #333;
}
.tac{
    float: left;
    position: absolute;
    top: -24px;
}
.comm-title01{
    float: left;
    width: 100%;
}
.txtOf1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tac1{
    border-bottom: 1px solid #e2e2e2;
    line-height: 60px;
}
.t-infor-wrap {
    border-bottom: none;
    padding-top: 10px;
}
.t-infor-menu {
    width: 10%;
	float:left;
}
#t-infor-menu {
    text-align: left;
}
#t-infor-menu {
    border: none;
    height: auto;
}
#t-infor-menu p a.current{
    border-color: #51A9E9;
    color: #51A9E9;
}
#t-infor-menu p a {
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
    height: 18px;
    line-height: 18px;
    border: solid #666;
    border-width: 0 0 0 5px;
    display: inline-block;
}
.t-infor-box {
    width: 90%;
}
.ml20 {
    margin-left: 20px;
}
.mt20 {
    margin-top: 20px;
}
.mt22 {
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px #EAEAEA dotted;
    min-height: 200px;
}
.mt21{
  float: left;
  width: 100%;
}

.t-infor-pic,.t-infor-pic1 {
    float: left;
    margin: 0 30px 0 0;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 5px 5px 0 rgba(0,0,0,.04);
    overflow: hidden;
}
.t-infor-pic img {
    margin: 20px auto;
    width: 90%;
    display: block;
    border-radius: 50%;
}
.t-infor-pic1 img {
    margin: 20px auto;
    width: 50%;
    display: block;
    border-radius: 50%;
}
.fsize24 {
    font-size: 24px;
}
.t-tag-bg {
    background: #f2f2f2;
    display: inline-block;
    padding: 10px 15px;
    overflow: hidden;
    font-size: 14px;
    color: #888;
}
.c-desc-content{
    float: left;
    position: relative;
    top: -24px;
}
.t-infor-txt {
    float: right;
    width: 65%;
    line-height: 200%;
    font-size: 14px;
    color: #777;
}
.t-infor-txt,.t-infor-txt1 p {
    text-indent: 24px;
    text-align: justify;
}
.t-infor-txt1 {
    margin: 20px 10px 0;
    line-height: 200%;
    font-size: 14px;
    color: #777;
    float: left;
}

/*培训教材页面样式*/
.top_box {
    background: #fff;
    position: relative;
}
.label_box, .heat_box {

    line-height: 30px;
    margin: 10px 0px;
    padding-right: 10px;
}
.label_box b, .heat_box b {
    color: #51A9E9 ;
    font-size: 16px;
    float: left;
    margin-right: 30px;
}
.label_box li, .heat_box li {
    list-style-type: none;
    float: left;
    line-height: 20px;
    margin-left: 3px;
}
.label_box li a, .heat_box li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 12px;
    font-size: 16px;
    color: #666;
}
.ect {
    background: #51A9E9;
    color: #fff !important;
    border-color: #51A9E9;
    border-style: solid;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.weikeTag {
    max-width: 650px;
    margin-left: 30px;
    max-height: 30px;
    overflow: hidden;
    margin-bottom: -5px;
}
.weikeTag1{
    max-width: 650px;
    margin-left: 30px;
    max-height: none;
    overflow: hidden;
    margin-bottom: -5px;
}
.default {
    background: #fff;
    color: #aaa;
    border-color: #fff;
    border-style: solid;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
a.other {
    text-decoration: none;
    font-size: 14px;
    color: #aaa;
}
.other {
    width: 43px;
    line-height: 28px;
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/themes/luobo360/img/weke/weike-ico.png) no-repeat 20px -2px;
}
.label_box, .heat_box {
    line-height: 30px;
    padding-right: 10px;
}

/*培训基地页面样式*/
.base-train{
    width: 100%;
    border-radius: 4px;
}
.base-title{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
}
.base-title p {
    width: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 26px;
    color: #333;
    margin-top: 20px;
}
.base-title span{
    line-height: 36px;
    font-size: 16px;
}
/*
.carousel-inner{
    width: 100%; 
}
*/
.carousel-control{
    background: #FAFAFA;
    width: 20px;
}
.item a{
    width: 80%;
    margin: -5px 10%;
    display: inline-block;
}
.carousel-caption{
    width: 40%;
    left: 58%;
    top: 55%;
}
.base-bj{
    background: #000;
    border-radius: 50%;
    height: 406px;
    opacity: 0.3;  
}
.base-introduce{
    float: left;
    width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
}
.base-introduce span{
    font-size: 14px;
    color: #fff;
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 83px;
}
.base-introduce span a{
    border: 1px #fff solid;
    text-align: center;
    color: #fff;
    line-height: 36px;
    width: 120px;
    margin-top: 20px;
    border-radius: 4px;
    margin-left: 85px;
    float: left;
}
.carousel-control{
    color: #585858;
}
.base-introduce span a:hover{
    background: #fff;
    color: #777;
}
.carousel-control.left {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(250,250,250,.5)), to(rgba(0,0,0,.0001)));
background-image: -webkit-linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);
background-image: -moz-linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);
background-image: -o-linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);
background-image: linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x; 
}
.carousel-control.right {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(250,250,250,.5)), to(rgba(0,0,0,.0001)));
background-image: -webkit-linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);
background-image: -moz-linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);
background-image: -o-linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);
background-image: linear-gradient(left, rgba(250,250,250,.5) 0%, rgba(250,250,250,.0001) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x; 
}
/*培训基地详情页面样式*/
.base-detalis{
    width: 100%;
    float: left;
}
.base-detalis01{
    width: 100%;
}
.base-detalis01 p{
    width: 60%;
    float: left;
}
.base-detalis01 p img{
    border-radius: 4px;
}
.base-detalis01 span{
    width: 35%;
    float: right;
}
.base-detalis01 span.detalis{
    float: left;
    width: 100%;
    line-height: 36px;
}
.base-detalis02{
    width: 100%;
    margin-top: 15px;
    float: left;
}
.base-detalis02 p{
    width: 100%;
    line-height: 26px;
    float: left;
    text-indent: 2em;
}








.mate-rials{
    float: left;
    margin-top: 25px;
    margin-left:-15px;
}
.material{
    width: 100%;
    border: 1px #ECECEC solid;
    background: #FBFBFB;
    float: left;
    margin-bottom: 30px;
}
.material:hover{
    border-color: #e8e8e8;
    box-shadow: 6px 6px 0 rgba(0,0,0,.06);
    color: #51A9E9;
}
.material:hover .glyphicon-cloud-download{
    display: block;
    float: left;
    padding: 10px 0;
    margin-left: 15px;
}
.glyphicon-cloud-download{
    color: #77778C;
    padding-right: 5px;
    display: none;
}
.icon{
    width: 80px;
    height: 80px;
    background: url(../../images/klxlearning/153245.png) no-repeat;
    float: left;
    margin: 10px;
}

.pxt{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/png.jpg) no-repeat;

    border-radius: 4px;
}
.muisc{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/m.jpg) no-repeat;
    border-radius: 4px;
}
.txt{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/txt.jpg) no-repeat;
    border-radius: 4px;
}
.pdf{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/pdf.jpg) no-repeat;
    border-radius: 4px;
}
.ppt{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/p.jpg) no-repeat;
    border-radius: 4px;
}
.vido{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/v.jpg) no-repeat;
    border-radius: 4px;
}
.word{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/w.jpg) no-repeat;
    border-radius: 4px;
}
.xian{
    width: 80px;
    height: 80px;
    float: left;
    margin: 10px;
    background:url(../../images/klxlearning/x.jpg) no-repeat;
    border-radius: 4px;
}
.material span{
    line-height: 100px;
    float: left;
    text-align: center;
    width: 60%;
    font-size: 16px;
    text-overflow:ellipsis;
    overflow:hidden; 
    white-space:nowrap; 
}
.material span a{
    font-size: 16px;
    color: #777;
}
.material span a:hover{
    color: #51A9E9;
}
.material dl{
    float: left;
    width: 100%;
    line-height: 36px;
    margin-bottom: 0;
    border-top: 1px #ECECEC solid;
}
.material dl dt{
    float: left;
    line-height: 36px;
    color: #77778C;
    width: 30%;
    padding-left: 15px;
}
.material dl dd{
    width:35%;
    text-align: center;
    float: left;
    color: #77778C; 
    line-height: 36px;
}
.material dl dd a{
    color: #77778C;
}
.material dl dd a:hover{
    color: #51A9E9;
}

/*培训展馆*/
.pavilion-list{
    width: 100%;
    float: left; 
    min-height: 760px;
}
.pavi-list-01{
    width: 100%;
    border: #EEE 1px solid;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
    max-width: 360px;
}
.pavi-list-01 span{
    line-height: 36px;
    font-size: 16px;
    color: #777;
}
.pavi-list-01:hover{
    border-color: #e8e8e8;
    box-shadow: 6px 6px 0 rgba(0,0,0,.06);
}
.list-tuned{
    min-height: 240px;
    background: #FBFBFB;
        font-size: 26px;
    line-height: 240px;
}
/*培训展馆内容展示*/
.ent-show{
    width: 100%;
    float: left;
}
.content-show-left{
    width: 100%;
    border: 1px #EEE solid;
    border-radius: 4px;
    float:left;
}
.show-title{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    text-align: center;
}
.show-title span {
    font-size: 16px;
    line-height: 36px;
}
.show-title-date{
    float:left;
    width:100%;
    border-bottom: 1px #EEE solid;
}
.show-title-date span {
    display: inline-block;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
   
}
.post_content{
    width:100%;
    float:left;
    padding-left: 15px;
    padding-right: 15px;
     margin-top: 20px;
}
.post_content p{
    width:100%;
    line-height:26px;
    text-indent: 2em;
}
.post_content p img{
    margin-left: -30px;
}
.hotnews_list{
    width: 96%;
    margin-left: 15px;
    border: 1px #eee solid;
    float: left;
    border-radius: 4px;
}
.panel-heading-list{
    position: relative;
    font-size: 16px;
    background: #fff !important;
    border-bottom: 1px solid #f5f5f5 !important;
}
.panel-heading-list h3{
    line-height:36px;
    padding-left: 15px;
}
.recom-mended-list{
    width:100%;
    float:left;
}
.recom-mended-list dl{
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.recom-mended-list dl dt{
    float:left;
    width:50%;
}
.recom-mended-list dl dd{
    float: left;
    width: 43%;
    padding-left: 10px;
    font-size: 12px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recom-mended-list dl dd a{
    font-size: 16px;
    color:#777;
}

/*媒体查询*/
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px){

}
@media (max-width:768px) {
    .md-margin-bottom-40{
        width: 19% !important;
        display: inline-block;
    }

    .centre-right {
        width: 75%;
    }
    .md-margin-bottom-40{
        width: 19% ;
        display: inline-block;
    }
    .main-right {
        float: right;
        width: 35%;
        padding-right: 25px;
    }
    .details-rigth, .col-md-6 {
        padding-left: 0px ;
    }
    .pass-block {
        right: 28px;
    }
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px){
    .centre-right {
        width: 77%;
    }
}
@media (max-width:992px) { 
    /*.col-xs-12,.col-xs-6 {
        width: 50%;
    }*/

    .centre-right {
        width: 76%;
    }

    .md-margin-bottom-40{
        width: 19% ;
        display: inline-block;
    }
        .main-right {
        float: right;
        width: 35%;
        padding-right: 25px;
    }

    .navigation{
        width: 60%;
    }
    .details-rigth, .col-md-6 {
        /* width: 60%; */
        /*padding-left: 0px ;*/
    }
    .pass-block {
        right: 28px;
    }
    .c-tab-title a{
        padding: 0 0px;
    }
    .md-margin-bottom-40{
        width: 19% ;
        display: inline-block;
    }
    .t-infor-pic, .t-infor-pic1{
        width: 42%;
    }
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (max-width: 1024px){
/*这里的类影响了资讯页面的栅格化布局
	.article-sidebar{
		width:100%;
	}
 */
    .md-margin-bottom-41{
        width: 30%;
    }
    .hLh30 {
        width: 100% ;
    }
    .mt10 {
        width: 100% ;
    }
    .t-infor-txt {
        width: 100% ;
    }
}
@media (min-width: 1024px){
    .centre-right {
        width: 78%;
    }
}
@media (min-width: 1200px){
    .centre-right {
        width: 81%;
    }
}
@media (min-width: 1300px){

}

/***/
 











 
.article-metas .date-te .day {
  padding-top: 5px;
  font-size: 16px;
  line-height: 1.2;
}
.article-metas .date-te .month {
  font-size: 12px;
}
.article-metas .metas-body {
  padding-left: 60px;
}
.metas-body h2 a{
  font-size: 22px;
}
.article-metas .metas-body p {
  margin-bottom: 0;
  font-size: 12px;
}
.article-metas .metas-body .title {
  margin: 0;
  line-height: 32px;
}
@media (max-width: 1199px) {
  .article-metas .metas-body .title {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .article-metas .metas-body .title {
    font-size: 16px;
    line-height: 20px;
  }
}
.article-metas .metas-body .title a {
  color: #616161;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article-metas .metas-body .title a:hover {
  color: #46c37b;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article-metas .metas-body .sns {
  color: #919191;
  margin: 10px auto;
}
.article-metas .metas-body .sns span {
  margin-right: 10px;
}
.article-metas .metas-body .sns span i {
  margin-right: 5px;
}
.article-text p {
  line-height: 30px;
  margin: 20px auto 30px auto;
}
@media (max-width: 767px) {
  .article-text p {
    margin: 10px auto 20px auto;
  }
}
.article-text images {
  margin: 10px auto;
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.article-sns {
  margin: 30px auto 10px auto;
  font-size: 16px;
}
.article-sns a.love,
.article-sns .es-share > a {
  margin-right: 20px;
  color: #919191;
}
.article-sns a.love:hover,
.article-sns .es-share > a:hover {
  color: #46c37b;
}
.article-sns a.love i,
.article-sns .es-share > a i {
  margin-right: 5px;
  font-size: 22px;
}
.related-article {
  margin-top: 30px;
  padding: 15px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
} 

.media.media-number .media-left .num, .media.media-number-o .media-left .num {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #919191;
    border-radius: 50%;
}
.date1{
  height: 45px;
    width: 45px;
    text-align: center;
    color: #919191;
    background-color: #f5f5f5;
    border-radius: 50%;
}
.media-comment .media-body {
    border-bottom: 1px solid #f5f5f5;
}
/*完*/

/*开始*/
.centre .centre-left .top-center ul li a{
    font-size: 18px;
}

.course-center-item:hover{
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 36px 40px -22px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-color: #dfdfdf;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.centre .centre-right .centre-title{
    font-size: 20px; 
    padding-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #e4ecf3;
}
.centre .centre-right .centre-title .active {
	background :#fff;
}
.centre .centre-right .course-center-item .course-img img{
    margin-top: 15px;
    margin-bottom: 15px;
}
.centre .centre-right .course-center-item .course-info{
    margin-bottom: 15px;
}
.centre .centre-left{
     margin-top: 10px;
}
.centre .centre-left .category-name {
    position: relative;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    color: #2c2f33;
    font-size: 16px;
    line-height: 49px;
    margin: 0 22px;
    height: 49px;
}
.centre .centre-left .feed-list a:hover{
    background: #386c86;
    color: #fff;
}
.centre .centre-left .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 105px;
    overflow: hidden;
}
.centre .top-center .hover-bd{
    text-align:center;
}
.centre .top-center .hover-bd img{
    margin-top: 10px;
}
.centre .centre-left .navbar-header{
    text-align: center;
}
.centre .centre-left .navbar-toggle{
    float: none;
    position: relative;
    padding: 9px 100px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #4484a3;
}
.centre .centre-left .navbar-default .navbar-toggle:focus, .centre .centre-left .navbar-default .navbar-toggle:hover {
    background-color: #386c86;
    }
.centre .centre-left .navbar-default{
    background-color:#fff;
    border-color: #fff;
}
.centre .centre-left .glyphicon-menu-right{
    float: right;
    margin-right: 4px;
    margin-top: 15px;
}
.centre .centre-left .glyphicon-expand{
    float: left;
    margin-left: 4px;
    margin-top: 15px;
    margin-right: 12px;
}
.centre .centre-left .top-center ul li a:hover{
    background: #386c86;
    color: #fff;
    border-radius: 3px;
}

@media(max-width:768px){   
    .centre .centre-left .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 70px;
    overflow: hidden;
}
}
@media(max-width:425px){
    .centre .centre-left .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 75px;
    overflow: hidden;
}
}

@media(max-width:375px){
    .centre .centre-left .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 92px;
    overflow: hidden;
}
}
@media(max-width:320px){
    .centre .centre-left .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 120px;
    overflow: hidden;
}
}

@media only screen and (min-width: 415px) and (max-width: 435px) {
    .centre .centre-left .navbar{
        margin-bottom: 0px;
    }
    .centre .centre-left .feed-list a{
    float: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #575e65;
    line-height: 30px;
    text-align: center;
    margin: 0 0 16px 16px;
    height: 30px;
    width: 80px;
    overflow: hidden;
}
}

/*完*/



/*资讯页面样式*/
.es-tabs {
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #e4ecf3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.es-tabs .tab-header {
    background-color: #f5f5f5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.es-tabs .tab-header > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.es-tabs .tab-header > ul > li {
    float: left;
}
.es-tabs .tab-header > ul > li > a {
    display: block;
    padding: 15px 30px;
    font-size: 16px;
    color: #666;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.es-tabs .tab-header > ul > li.active > a {
    background-color: #fff;
}
.aricle-carousel, .article-list-main {
    padding-right: 15px !important;
}
.article-list .article-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f5;
}
.pull-left {
    float: left !important;
}
.date-te {
    height: 45px;
    width: 45px;
    text-align: center;
    color: #919191;
    background-color: #f5f5f5;
    border-radius: 50%;
}
.metas-body h2.title {
    font-size: 22px;
}
.metas-body p a{
	color:#777;
}
.thumb-img {
    width: 264px;
}
.article-list .media .media-body2 {
    padding-left: 10px;
    line-height: 25px;
}
.media-body2 {
    word-break: break-all !important;
    padding-right: 0 !important;
    color: #919191;
}
.media-body2 a {
    font-size: 14px;
}

/*分页*/
.paging,.checkPaging{
    width: 100%;
    float: left;
    text-align: center;
}
.pager {
    overflow: hidden;
    display: inline-block;
}
.centerPage-8 {
	width: 83.33333333%;
	margin-top : 30px;
}
.pager li {
    float: left;
    margin-right: 3px;
}
.pager .disabled span {
    background-color: #fff;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed;
}
.pager li span {
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 7px 9px;
    color: #555;
    border-radius: 15px;
}
.pager li a{
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;
    border-radius: 15px;
}
.pager .active a {
    border-color: #009aff;
    color: #fff;
    background: #009aff;
}
.pager .active a {
    border-color: #009aff;
    color: #fff;
    background: #009aff;
}
.pager li a:hover {
    border-color: #009aff;
    color: #fff;
    background: #008ae6;
    -webkit-transition: background-color 0.2s, color 0.2s;
    transition: background-color 0.2s, color 0.2s;
}

/**/
.order-details tr td a{
	width:100%;
}

.last{
margin: 10px 0;	
}
.row-0{
	margin-left: 0px;
	margin-right: 0px;
}
/*isindex*/
.w100{
	width: 100%;
}
 .winter-header {
 	background-color: #fff;
 	height: 71px;	
 }
 .fix-top {	
 	position: fixed;
 	z-index: 1000;   	
    /*transition : .5s ease 0s;*/
    top : -23px;
    height: 62px;
    overflow: hidden;
    box-shadow: 0 1px 2px #bbb;
 }
 .clearFixed {
 	 position: absolute;	
    /*transition : .2s ease 0s;*/
    top : 0px;
    height: 72px;
   
 }
  	 /*将内容区域的盒子行内属性提取出来*/

.tre-conta .sylla-bus {
	padding-right: 10px;
}
.aside-cList .list-show {
	width: 402px;
	max-height: 300px;
    overflow-y: auto;
    top: -38px;
}
.aside-cList .list-show .list-showLayer {
	width: 400px;
}
/*learn*/
.cke {
        visibility: hidden;
    }    
/*teacher-materials*/
   /*将content-container的样式从行内提取到样式表*/
#content-container {
	margin-top:40px;		
}
/*新增类名，将section中的行内样式提取出来*/
.teacher-detail {
	margin-top:0px;
	margin-bottom: 25px;
}
/*讲师详情页面图片盒子的行内样式提取*/
.t-infor-pic {
	margin: 0;
}
/*将简介左侧介绍盒子原始的width数值覆盖掉，原始数值65%*/
.t-infor-txt  {
	width: 100%;
	
}
/*将简介左侧介绍盒子修改回来初始值,加上栅格化布局以后，原始padding数值被替换*/
.teacher-info {
	padding-left: 20px;
}


/*syllabus-particulars*/
.course-detail .course-sidebar{
  padding-right:0px;
}
.course-detail .course-detail{
  padding-left: 0px;
}
/*
#favorite-btn{
  margin-left: 25px;
}
*/
.es-share{
  width: 80%;
}
.favorite_p{
  padding-top: 4px;
}
.share_p{
  padding-left: 20px; display: inline-block;
}


 /*讲师列表页面，新增一个类名teacher-main,将行内样式提取出来*/
.teacher-main {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
width: 100%;
float: left;
}
/*login页面*/
.login-section .logon-tab > a{
	width: 100%;
}
.mbl_a{
	text-align: center;
}
/*资讯详情页面的图片宽度*/
.article-text p img{
	width : 100% !important;
}
/*为个人中心页面侧边栏增加样式*/
.right-conte .BaseInformation {
	display : none;
}
.right-conte .uploadImg {
	display : none;
}
.right-conte .myCheck{
	display : none;
}
/*将讲师页面的最后一页按钮样式调整*/
.pager .last {
	margin-top : 0px;
	padding-top: 0px;
}
.header-shadow{
	box-shadow: 0 3px 15px #999;
}

#Hotnews img{
	max-height:100px;
}
#HotInformation img{
	max-height:100px;	
}
#Hotnews a,#HotInformation a{
	display: inline-block;
}
/*将资源页面的列表间隔减少*/
.downLoadList .singlePadding {
	padding : 0;
	padding-left : 15px;
}

/*讲师页面附文本编译器的优先级比较高，需要层叠掉*/
.teacher-info div img {
	 width : 100% !important;
}

/*#recommend img,#siftCourse img,#newestCourse img,#allCourse img{
	width:263px;
	height:153px;
}*/


/*资讯侧边栏样式更改*/
.media-body2 a {
	display: block;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mra_t_15{
	margin-top: 15px !important;
}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/*课程详情页面点击发布显隐*/
.course-detail .hackSuccess {
	display : none;
	position: fixed;
	z-index : 999;
	top:80px;
	left:50%;	
	width:300px;
	margin-left: -150px;
	background-color : #def0d8;
	
}
.course-detail .hackSuccess i {
	font-size : 24px;
	color : red;
	color : #35733c;
	line-height: 35px;
	
}

.course-detail .hackSuccess i span {
	font-size : 20px; 
}
/*将课程详情页面防止图片超出盒子*/
.es-section .course-detail-content {
	
}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    word-wrap: normal;
}

/*将分享按钮样式更改*/
.jiathis_style .es-icon-share {
	color : #919191;
	position: relative;
    top: -4px;
}
/*将点赞按钮的样式更改一下*/
.icon-favour .es-icon-thumbup {
	margin-top: -5px;
}
.icon-favour .js-like-num {
	position: relative;
    left: 8px;
}
/*更改课程页面的相关课程标题文本内容居中*/
.cc-l-wrap h3 .course-title {
   text-align: left;
}
/*为搜索页面的简介超出内容显示省略号*/
 .overflowOmit {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/*设置一个公共类，让元素不换行*/
.omit {
   display : block;
   width : 100%;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   word-wrap: normal;
}
/*让元素在自动换行*/
.break{
	word-break:break-all;
}
/*提高权重 用于方便层叠样式复用*/
.pad_0 {
	padding : 0 !important;
}
/*临时属性将搜索页面的搜索分类暂时隐藏*/

.search-banner {
	display : none;
}
/*头部样式
.navbar-brand{
padding: 4px 15px;	
}
.nav.navbar-nav .active a{
	border-bottom: #51A9E9 2px solid;
    color: #51A9E9;
}
.nav.navbar-nav li a{
	font-size: 16px;
	transition: .3s;
    -webkit-transition: .3s;
    border-bottom: #fff 2px solid;
    color: #777;
}
.nav>li>a:hover{
	border-bottom: #51A9E9 2px solid;
    color: #51A9E9;
    transition-property:color,border-color;
	transition-duration:.3s;
	-webkit-transition-property:color,border-color;
	-webkit-transition-duration:.3s;
    background: #fff;
}*/
/*课程页面分享背景色*/
.background-fa{
	background-color: #fafafa;
}
/*分享样式*/
.jiathis_style .font-21{
	font-size: 21px;
}

.paging,.checkPaging {
	position : relative;
}
.pager li {
	 float: left;
     width: 69px;
     padding: 4px 7px;
     cursor: pointer;
     text-align: center;
     border-radius : 20px;
     border: 1px solid #dcdcdc;
}
 .pager li.pageNum {
	     width: 45px;
	     border: 1px solid #dcdcdc;
	      padding: 4px 0;
}
 .pager li:hover {
	border-color : #51A9E9;
	background-color : #e8e8e8;
	color : #fff;
}
 .pager li.disabled{
	border-color: #ccc;
	cursor: not-allowed;
	color : #c7c7c7;
}
 .pager li.disabled:hover {
	background-color : #fff;
}
 .pager li.currentPage {
	color : #fff;
	background-color: #009aff;
	border-color: transparent;
}
.overFlowHide {
	overflow: hidden;
}

/*课程页面分享背景色*/
.background-fa{
	background-color: #fafafa;
}
/*分享样式*/
.jiathis_style .font-21{
	font-size: 21px;
}
.jiathis_style span.font-21 {
	line-height: 29px;
}
/*层叠掉分享插件中的更多分享*/
.jiathis_style span.jtico_jiathis{
	display: none !important;
}
/*首页小分辨率时，div过宽，此时使图片居中显示*/
#allCourse img,#newestCourse img,#siftCourse img,#recommend img{
	margin: 0 auto;
}
#navbar a{
	text-align: center;
}
#nav{
	position: relative;
	z-index: 999;
	background: #fff;
}
.input-group2.navbar-form{
	margin-bottom: 6px;
    margin-top: 18px;
}
.list-inline.top-dark-right li a{
	display: inline-block;
	font-size: 14px;
	border-bottom: 0px solid transparent;
}    
.list-inline.top-dark-right li a:hover{
	color: #51A9E9;
	border-bottom: 0px solid transparent;
}
.navbar-form.navbar-left{
    margin-top: 26px;
}
.form-control.mate-rial{
    border: 1px #B7B7B7 solid;
}
.navbar-toggle{
	margin-top: 29px;
}

/*侧边栏课程不可以点击颜色*/
.dontClick {
	color : #ccc;
}
.bar-time-line li .active {
	color : #2490F2;
}
.bar-task .playSliderHeader{
	width : 80%;
}
#saveNote {
	margin-top: 13px;
    margin-right: 3px;
    padding: 5px;
}
label.text-muted {
	margin-top : 13px;
}
@media (max-width: 768px) {
	.input-group2{
		float: none;
	}
}
/*优化课程播放页面章节样式*/
.one-level {
	background-color: #f5f5f5;
	margin : 10px 0;
}
.one-level .es-icon-videoclass {
	position : relative;
	left : 9px;
}
.one-level a .title{
	font-size : 14px;
}
/*aicc课件播放页面的样式，兼容模式*/
.lesson-dashboard-toolbar{
	position: relative;
	z-index : 9999;
}
/*临时属性课程列表页面翻页*/
.tempPaging1 {
	float : left;
	 position:relative;
    left:50%;
    clear: both;
}
.tempPager {
	float : left;
	position:relative;
    left:-50%;
}
/*课程列表页面为课程类型右边的小三角形增加样式*/
.aside-cList a.Taxonomy i{
    float: right;
    padding-right: 10px;
    padding-top: 8px;
    color: #DEDEDE;
}
.courseAsideList {
	border : 1px solid transparent;
	box-shadow: 1px 2px 4px rgba(0,0,0,0);
}
a.allCourse, #allCourse {
	font-size : 16px;
}
#crumbsNavCourse {
	font-size:14px !important;
}
.center-title {
	margin-bottom: 20px;
    background: #f3f3f3;
    padding-left: 0px;
}
.center-title .active {
	background : #fff;
}
/*课程详情页面的评价样式调整*/
.es-section {
	overflow : hidden;

}
.hide {
	display : none;
}
}
#js-fetch-btn-text{
	font-size: 13px;
	line-height: 1.8;
}
.forget-password{
	float: right;
	color: #2490F2;
}
a.forget-password:hover{
	text-decoration: underline;
}
#tab{
	min-height: 300px;
}
.register-form{
	margin-top:30px;
}
.help-block.text-danger{
	color: #a94442;
}
.help-block.text-success{
	color: #3c763d;
}
/*头部响应式样式调整*/
@media (max-width: 1016px){
	.navbar-collapse li a{
		padding: 21px 5px 0px;
	}
}
#fenx {
	position: relative;
	top:-2px;
}
.fl{
	float:left;
}
.fr {
	float : right;
}
.over_hidden {
	overflow:hidden;
}


/*无右侧多分类*/
.noaside-cList {
    position:relative;
    width:194px
}
.noaside-cList li {
    padding:0;
    border-bottom:0
}
.noaside-cList li>div {
    cursor:pointer;
    height:38px;
    border-bottom:1px solid #f5f5f5;
    background-size:6px 10px;
    padding-left:32px
}
.noaside-cList li>div a {
    font-size:14px;
    color:#777;
    line-height:36px
}
.noaside-cList li>div a.active {
    color:#51A9E9
}
.noaside-cList li>div a i{
    float:right;
	padding-right:10px;
	padding-top: 8px;
    color: #DEDEDE;
}
.noaside-cList li>div:hover a i{
    display: none;
}
.noaside-cList li>div:hover {
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    height:38px;
    margin-left:-1px;
    -webkit-box-shadow:1px 2px 4px rgba(0,0,0,.1);
    box-shadow:1px 2px 4px rgba(0,0,0,.1)
}
.noaside-cList li>div:hover>a {
    display:block;
    background:#fff;
    position:absolute;
    z-index:1102;
    border-right:3px solid #fff;
    color:#51A9E9;
    font-size:13px;
    font-weight:500;
    line-height:36px
}
.noaside-cList li:last-child>div {
    border-bottom:0
}
.noaside-cList li:last-child>div:hover {
    border-bottom:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}

/*翻页预览*/
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../../images/opwg/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../../images/opwg/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}

